export const zhexianOption = {
  grid: {
    // 设置图表位置，主要用于设置容器和图表的相对的位置
    top: "10%",
    left: "3%",
    right: "3%",
    bottom: "3%",
    containLabel: true,
  },
  legend: {
    data: ["温度", "湿度"],
    textStyle: {
      color: "#ccc",
    },
  },
  xAxis: {
    type: "category",
    data: [
      "星期一",
      "星期二",
      "星期三",
      "星期四",
      "星期五",
      "星期六",
      "星期日",
    ],
    boundaryGap: false, // 让折线图紧紧贴着y轴
    splitLine: {
      show: true,
    },
    axisTick: {
      show: true, // 显示刻度线
    },
    axisLine: {
      show: true, // 显示轴线
      lineStyle: {
        color: "#ccc", // 设置轴线颜色为紫色
        type: "solid", // 设置轴线类型为虚线
      },
    },
    axisLabel: {
      show: true, // 显示标签
      color: "#ccc", // 设置标签颜色为绿色
    },
  },
  yAxis: [
    {
      // 添加注释
      // 设置y轴类型为value
      type: "value",
      // 不显示分割线
      splitLine: {
        show: false,
      },
      // 设置y轴标签格式
      axisLabel: {
        formatter: "{value} °C",
        // 显示y轴
        show: true,
        // 设置y轴标签颜色为#ccc
        color: "#ccc",
      },
      // 不显示刻度线
      axisTick: {
        show: false,
      },
      // 显示轴线
      axisLine: {
        show: false,
        // 设置轴线颜色为#ccc
        lineStyle: {
          color: "#ccc",
          // 设置轴线类型为虚线
          type: "solid",
        },
      },
    },
    {
      // 添加注释
      // 设置y轴类型为value
      type: "value",
      // 不显示分割线
      splitLine: {
        show: false,
      },
      // 设置y轴标签格式
      axisLabel: {
        formatter: "{value} pue",
        // 显示y轴
        show: true,
        // 设置y轴标签颜色为蓝色
        color: "#ccc",
      },
      // 显示轴线
      axisLine: {
        show: false,
        // 设置轴线颜色为紫色
        lineStyle: {
          color: "#ccc",
          // 设置轴线类型为虚线
          type: "solid",
        },
      },
    },
  ],
  series: [
    {
      name: "温度",
      data: [3, 7, 2, 9, 5, 1, 8],
      type: "line",
      yAxisIndex: 0,
      smooth: true,
      areaStyle: {
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [
            {
              offset: 0,
              color: "rgba(255, 140, 0, 1)",
            },
            {
              offset: 1,
              color: "rgba(255, 140, 0, 0)",
            },
          ],
        },
      },
      markLine: {
        data: [
          { type: "average", name: "Avg" },
          { type: "min", name: "最低点", label: { formatter: "最低点" } },
          [
            {
              symbol: "none",
              x: "90%",
              yAxis: "max",
            },
            {
              symbol: "none",
              label: {
                position: "start",
                formatter: "min",
              },
              type: "max",
              name: "最高点",
            },
          ],
        ],
      },
      itemStyle: {
        normal: {
          color: "#f5be75",
          lineStyle: {
            color: "#f5be75",
          },
        },
      },
      showSymbol: false,
    },
    {
      name: "湿度",
      data: [105, 102, 109, 101, 108, 104, 107],
      type: "line",
      yAxisIndex: 1,
      smooth: true,
      itemStyle: {
        normal: {
          color: "#96dffd",
          lineStyle: {
            color: "#96dffd",
          },
        },
      },
      areaStyle: {
        color: {
          type: "linear",
          x: 0,
          y: 0,
          x2: 0,
          y2: 1,
          colorStops: [
            {
              offset: 0,
              color: "rgba(0, 191, 255, 1)",
            },
            {
              offset: 1,
              color: "rgba(0, 191, 255, 0)",
            },
          ],
        },
      },
      showSymbol: false,
    },
  ],
};

export const zhuzhuangOption = {
  xAxis: {
    type: "category",
    data: ["A", "B", "C", "D", "E"],
  },
  yAxis: {
    type: "value",
    min: 0,
  },
  series: [
    {
      data: [10, 20, 30, 40, 50],
      type: "bar",
      barGap: "-10  0%",
      barGap: "-80%",
    },
    {
      data: [20, 30, 40, 50, 60],
      type: "bar",
      z: "-1",
    },
  ],
};
